$(function(){
	var blackLucency = $('.blackLucency');
	var loginAlert = $('.loginAlert');
	var applyAlert = $('.applyAlert');
	var forgetClick = $('.forgetClick');
	var forgetPassword = $('.forgetPassword');
	var nextBtn = $('.nextBtn');
	var safetyCode = $('.safetyCode');
	var safeBtn = $('.safeBtn');
	var findPassword = $('.findPassword');
	$('.loginBtn').on("click",function(){
		blackLucency.show()
		loginAlert.show()
	})
	$('.close').click(function(){
		blackLucency.hide()
		loginAlert.hide()
		applyAlert.hide()
		safetyCode.hide()
		forgetPassword.hide()
		findPassword.hide()	
		
	})
	$('.applyBtn').on("click",function(){
		blackLucency.show()
		applyAlert.show()
	})
	$('.goApply').click(function(){
		loginAlert.hide()
		applyAlert.show()
	})
	$('.goLogin').click(function(){
		applyAlert.hide()
		loginAlert.show()
	})
	forgetClick.click(function(){
		forgetPassword.show()
		loginAlert.hide()
	})
	nextBtn.click(function(){
		forgetPassword.hide()
		safetyCode.show()
	})
	safeBtn.click(function(){
		findPassword.show()	
		safetyCode.hide()
	})
	$('.head-box').on('mouseover',function(){
		$('.head-nav').show()
	})
	$('.head-nav').on('mouseover',function(){
		$('.head-nav').show()
	})
	$('.head-nav').on('mouseout',function(){
		$('.head-nav').hide()
	})
	$('.head-nav').on('click','li',function(){
		$(this).addClass('lis').siblings().removeClass('lis')
	})
    $('.navList').on('click','li',function () {
        $(this).addClass("active").siblings().removeClass("active")
    })
})
